<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="main" />
    <title>Pie Chart example</title>
    <gui:resources components="['chart']" mode='debug'/>
</head>

<body class='yui-skin-sam'>

    <h2>Pie Chart</h2>

    <div id='pieChart' style="width:600px; height: 400px"></div>

    <gui:pieChart
        renderTo="pieChart"
        data="[
            [ response: 'Summer', count: 564815 ],
            [ response: 'Fall', count: 664182 ],
            [ response: 'Spring', count: 248124 ],
            [ response: 'Winter', count: 271214 ],
            [ response: 'Undecided', count: 81845 ]

        ]"
        dataField="count"
        categoryField="response"
        style="[
            legend: [display: 'right'],
            background: [
                color: 0xFF0FF0,
                alpha: 0.1
            ],
            padding: 20,
            border: [
                color: 0x995566,
                size: 2
            ],
            font: [
                name: 'Verdana',
                color: 0x995566,
                size: 12
            ]
        ]"
    />

</body>
</html>